<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/Site.js" type="text/javascript"></script>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
    var pagelanguage;
    if (getCookie("pagelanguage") == "") {
        pagelanguage = "zh-CN";
    } else {
        pagelanguage = getCookie("pagelanguage");
    }
    if (pagelanguage == "en") {
        var lsbjdetailtitle = "<h2>HISTORICAL BACKGROUND</h2>";
        var lsbjdetailx = "<h3>Details：</h3>";
        var lsbjdetailp = "It is the Gold rush and mining that gave birth and expansion to the city of Johannesburg. Modderfontein is located at far suburban Johannesburg about 120 years ago and is suitable to be the manufacturing base of a dynamite for its safe distances to the city in earlier times. With the further expansion and sprawl of the city, Modderfontein is now in the city and close to downtown. Due to the exhaustion of gold mines and the downfall of the industry together with technological improvement and changes of the service mode of the dynamite industry, the former base with a land of 40 square kilometers is now empty to call for new function and new hope for the city of Johannesburg.";
    } else {
        var lsbjdetailtitle = "<h2>历史背景</h2>";
        var lsbjdetailx = "<h3>详细信息：</h3>";
        var lsbjdetailp = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;约翰内斯堡因为金矿的开发而渐渐具备城市雏形，并且不断扩展成为一座巨型城市。对120年以前成长中的约翰内斯堡而言，Modderfontein 是远郊。适合作为开矿所需的炸药生产基地。随着城市的扩张，Modderfontein 已经是市内中心区了，而同时，随着金矿的枯寂和采金业的衰退，以及炸药业的技术进步和服务模式的改变，Modderfontein约40平方公里的厂区成为空置城市土地，呼唤着约翰内斯堡在新的时代，赋予她新的功能和希望。";
    }
    </script>
</head>

<body>
    <div class="wrap">
        <div class="proCont" style="margin-top:30px;">
            <div class="proLeft" style="float: left;margin-top:-20px;">
                <!-- <div id="lsbjdetailtitle">
    <script type="text/javascript">
    document.write(lsbjdetailtitle);
    </script>
</div>
<div id="lsbjdetailx">
    <script type="text/javascript">
    document.write(lsbjdetailx);
    </script>
</div>
<div id="lsbjdetailp" class="detailfont">
    <script type="text/javascript">
    document.write(lsbjdetailp);
    </script>
</div>
 -->
                <div class="smalImg">
                    <p class="btl">
                        <a href="javascript:moveleft();">
                            <img src="img/bt_l.gif" name="Image8" width="15" height="65" border="0" id="Image8" alt="" />
                        </a>
                    </p>
                    <ul class="imgList">
                        <li id="src_img_1" style="display: none;">
                            <img id="img_1" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history1.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_2" style="display: none;">
                            <img id="img_2" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history2.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                        <li id="src_img_3" style="display: none;">
                            <img id="img_3" src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history3.jpg" alt="" width="81" height="61" border="0" />
                        </li>
                    </ul>
                    <p class="btr">
                        <a href="javascript:moveright();">
                            <img src="img/bt_r.gif" name="Image7" width="15" height="65" border="0" id="Image7" alt="" />
                        </a>
                    </p>
                </div>

            </div>
            <div id="focusPrj" style="margin:auto;">
                <ul>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history1.jpg" id="img_view1" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history2.jpg" id="img_view2" alt="" onload="AXImg(this,648,368)" />
                    </li>
                    <li>
                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history3.jpg" id="img_view3" alt="" onload="AXImg(this,648,368)" />
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="Scripts/galleria.js"></script>
</body>

</html>
